<template>
  <div class="header-handbag-box" @click="_click">
    <el-badge :value="productList.length" :max="99" class="item">
      <i class="iconfont icon-handbag-o"></i>
    </el-badge>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  name: "",
  props: [""],
  data() {
    return {};
  },

  components: {},

	computed: {
    ...mapGetters(["productList"])
  },


  beforeMount() {},

  mounted() {},

  methods: {
		_click() {
			this.$emit('click');
		}
	},

  watch: {}
};
</script>
<style lang="scss" scoped>
.header-handbag-box {
  .iconfont {
    font-size: 24px;
  }
}
</style>
